<!--  -->
<template>
  <div class='detail'>
    <!-- 医院名字与医院等级的结构 -->
    <div class="top">
      <div class="name">{{hospitalStore.hospitalInfo.hospital?.hosname}}</div>
      <div class="level">
        <svg t="1694507623212" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="17733" width="16" height="16"><path d="M832 364.8h-147.2s19.2-64 32-179.2c6.4-57.6-38.4-115.2-102.4-121.6h-12.8c-51.2 0-83.2 32-102.4 76.8l-38.4 96c-32 64-57.6 102.4-76.8 115.2-25.6 12.8-121.6 12.8-128 12.8H128c-38.4 0-64 25.6-64 57.6v480c0 32 25.6 57.6 64 57.6h646.4c96 0 121.6-64 134.4-153.6l51.2-307.2c6.4-70.4-6.4-134.4-128-134.4z m-576 537.6H128V422.4h128v480z m640-409.6l-51.2 307.2c-12.8 57.6-12.8 102.4-76.8 102.4H320V422.4c44.8 0 70.4-6.4 89.6-19.2 32-12.8 64-64 108.8-147.2 25.6-64 38.4-96 44.8-102.4 6.4-19.2 19.2-32 44.8-32h6.4c32 0 44.8 32 44.8 51.2-12.8 102.4-32 166.4-32 166.4l-25.6 83.2h243.2c19.2 0 32 0 44.8 12.8 12.8 12.8 6.4 38.4 6.4 57.6z" p-id="17734" fill="#1296db"></path></svg>
        <span>{{hospitalStore.hospitalInfo.hospital?.param.hostypeString}}</span>
      </div>

    </div>
    <!-- 医院的logo与路线 -->
    <div class="logo">
      <div class="left">
        <img :src="`data:image/jpeg;base64,${hospitalStore.hospitalInfo.hospital?.logoData}`" alt="">
      </div>
      <div class="right">
        <div class="address">
          <svg t="1694515927667" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="18855" width="16" height="16"><path d="M633.7 282.8c-9.1-9.1-18.6-17.3-28.6-24.7-7.3-2.3-14.7-4.3-22.2-6-82.6-18.3-172.6 4.6-236.7 68.7-100 100-100 262.1 0 362L465.3 802l3.8 3.8c4.3-1.9 8.4-4.7 11.9-8.2l22.5-22.5 130.2-130.2c100-100 100-262.1 0-362.1zM359.8 497c0-88.4 71.6-160 160-160 38.3 0 73.4 13.5 101 35.9-24-14.3-52-22.6-81.9-22.6-88.4 0-160 71.6-160 160 0 36.4 12.2 70 32.7 96.9 3.4 5.9 7.2 11.6 11.4 17.1-38.5-29.3-63.2-75.4-63.2-127.3z" fill="#F7F8F8" p-id="18856"></path><path d="M665.3 820.4l-17.4-4.3c-1 1-2.4 1.8-3.9 2.3l-154.3 51.4c-2.2 0.7-4.5 0.7-6.6 0l-137.2-45.7c-4 5.2-2.5 13.9 5 16.4L505.1 892c2.2 0.7 4.5 0.7 6.6 0L666 840.6c10-3.4 9.5-17.6-0.7-20.2z" fill="#2EA7E0" p-id="18857"></path><path d="M406.8 844.5l76.2 25.4c2.2 0.7 4.5 0.7 6.6 0L644 818.5c1.6-0.5 2.9-1.3 3.9-2.3l-88.6-21.8-22.5 22.5c-12.7 12.7-31.8 15.1-46.9 7.1L466 802.7l-105.8 26.1c-0.1 0-0.2 0.1-0.3 0.1l46.9 15.6" fill="#F7F8F8" p-id="18858"></path><path d="M689.5 302.1c-35.7-35.7-79.4-58.6-125.3-68.7 25.2 12.1 48.8 28.6 69.6 49.4 100 100 100 262.1 0 362L503.5 775.1 481 797.6c-3.5 3.5-7.6 6.3-11.9 8.2l11.1 11.1c15.6 15.6 40.9 15.6 56.6 0l22.5-22.5 130.2-130.2c99.9-100 99.9-262.1 0-362.1z" fill="#2EA7E0" p-id="18859"></path><path d="M635.7 383c20.5 26.9 32.7 60.5 32.7 96.9 0 88.4-71.6 160-160 160-36.4 0-70-12.2-96.9-32.7 29.2 38.3 75.4 63.1 127.3 63.1 88.4 0 160-71.6 160-160 0-51.9-24.7-98.1-63.1-127.3z" fill="#2EA7E0" p-id="18860"></path><path d="M455.4 486.6m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#3E3A39" p-id="18861"></path><path d="M423.4 513.3m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#EF6676" p-id="18862"></path><path d="M595.1 513.3m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#EF6676" p-id="18863"></path><path d="M563.1 486.6m-16 0a16 16 0 1 0 32 0 16 16 0 1 0-32 0Z" fill="#3E3A39" p-id="18864"></path><path d="M534.6 497.3H484c-3.9 0-6.7 3.7-5.8 7.5 1.8 7.5 6.3 14 12.3 18.4 5.3 3.8 11.8 6.1 18.8 6.1s13.5-2.3 18.8-6.1c6.1-4.4 10.5-10.9 12.3-18.4 0.9-3.8-1.9-7.5-5.8-7.5z" fill="#3E3A39" p-id="18865"></path><path d="M509.3 513.3c-7 0-13.3 3.2-17.5 8.2-0.8 0.9-0.5 2.3 0.5 3 4.9 3.1 10.7 4.9 17 4.9s12.1-1.8 17-4.9c1-0.6 1.3-2 0.5-3-4.2-5-10.5-8.2-17.5-8.2z" fill="#E4847F" p-id="18866"></path><path d="M200.7 443.4c-1.5-1.5-3.9-1.5-5.4 0l-6 6-6-6c-1.5-1.5-3.9-1.5-5.4 0s-1.5 3.9 0 5.4l6 6-6 6c-1.5 1.5-1.5 3.9 0 5.4s3.9 1.5 5.4 0l6-6 6 6c1.5 1.5 3.9 1.5 5.4 0s1.5-3.9 0-5.4l-6-6 6-6c1.5-1.5 1.5-3.9 0-5.4zM762.7 698.5h-13.6v-13.6c0-3.4-2.8-6.2-6.2-6.2s-6.2 2.8-6.2 6.2v13.6h-13.6c-3.4 0-6.2 2.8-6.2 6.2 0 3.4 2.8 6.2 6.2 6.2h13.6v13.6c0 3.4 2.8 6.2 6.2 6.2s6.2-2.8 6.2-6.2v-13.6h13.6c3.4 0 6.2-2.8 6.2-6.2 0-3.5-2.8-6.2-6.2-6.2zM296.3 750.9c-11.6 0-21 9.4-21 21s9.4 21 21 21 21-9.4 21-21-9.4-21-21-21z m0 32c-6.1 0-11-4.9-11-11s4.9-11 11-11 11 4.9 11 11-5 11-11 11zM789 226.2c-2.3 0-4.2 1.9-4.2 4.2v13.4c0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2v-13.4c-0.1-2.4-1.9-4.2-4.2-4.2zM789 266.2c-2.3 0-4.2 1.9-4.2 4.2v13.4c0 2.3 1.9 4.2 4.2 4.2s4.2-1.9 4.2-4.2v-13.4c-0.1-2.3-1.9-4.2-4.2-4.2zM801.4 263.5c-1.6-1.6-4.3-1.6-5.9 0-1.6 1.6-1.6 4.3 0 5.9l9.4 9.4c0.8 0.8 1.9 1.2 3 1.2s2.1-0.4 3-1.2c1.6-1.6 1.6-4.3 0-5.9l-9.5-9.4zM773 235.2c-1.6-1.6-4.3-1.6-5.9 0-1.6 1.6-1.6 4.3 0 5.9l9.4 9.4c0.8 0.8 1.9 1.2 3 1.2s2.1-0.4 3-1.2c1.6-1.6 1.6-4.3 0-5.9l-9.5-9.4zM776.6 263.5l-9.4 9.4c-1.6 1.6-1.6 4.3 0 5.9 0.8 0.8 1.9 1.2 3 1.2s2.1-0.4 3-1.2l9.4-9.4c1.6-1.6 1.6-4.3 0-5.9-1.8-1.6-4.4-1.6-6 0zM798.4 251.8c1.1 0 2.1-0.4 3-1.2l9.4-9.4c1.6-1.6 1.6-4.3 0-5.9-1.6-1.6-4.3-1.6-5.9 0l-9.4 9.4c-1.6 1.6-1.6 4.3 0 5.9 0.8 0.8 1.8 1.2 2.9 1.2zM815.7 252.9h-13.4c-2.3 0-4.2 1.9-4.2 4.2 0 2.3 1.9 4.2 4.2 4.2h13.4c2.3 0 4.2-1.9 4.2-4.2 0-2.4-1.9-4.2-4.2-4.2zM762.2 261.2h13.4c2.3 0 4.2-1.9 4.2-4.2 0-2.3-1.9-4.2-4.2-4.2h-13.4c-2.3 0-4.2 1.9-4.2 4.2 0.1 2.3 1.9 4.2 4.2 4.2z" fill="#036EB8" p-id="18867"></path><path d="M674.1 766m-8.9 0a8.9 8.9 0 1 0 17.8 0 8.9 8.9 0 1 0-17.8 0Z" fill="#036EB8" p-id="18868"></path><path d="M219.9 545m-8.9 0a8.9 8.9 0 1 0 17.8 0 8.9 8.9 0 1 0-17.8 0Z" fill="#036EB8" p-id="18869"></path><path d="M679.3 480.6c0-93.7-76.3-170-170-170s-170 76.3-170 170 76.3 170 170 170 170-76.3 170-170z m-320 0c0-82.7 67.3-150 150-150s150 67.3 150 150-67.3 150-150 150-150-67.3-150-150z" fill="#036EB8" p-id="18870"></path><path d="M668.5 811.4l-88.8-21.8 66.8-66.8c3.9-3.9 3.9-10.2 0-14.1-3.9-3.9-10.2-3.9-14.1 0L553 787.9l-22.5 22.5c-11.7 11.7-30.7 11.7-42.4 0l-22.5-22.5-130.3-130.2c-85.4-85.4-95.8-222.9-24.1-319.9 3.3-4.4 2.3-10.7-2.1-14s-10.7-2.3-14 2.1c-37.5 50.7-55.7 113.4-51.2 176.7 4.5 63.9 31.9 124 77.2 169.3l117.7 117.7-88.8 21.8c-8.9 2.2-15.2 9.9-15.6 19.1-0.4 9.2 5.3 17.3 14 20.3l154.3 51.4c2.1 0.7 4.3 1 6.5 1s4.4-0.3 6.5-1l71.4-23.8c5.2-1.7 8.1-7.4 6.3-12.6-1.7-5.2-7.4-8.1-12.6-6.3l-71.4 23.8h-0.3l-154.3-51.4c-0.2-0.1-0.3-0.1-0.3-0.1-0.1-0.1-0.1-0.6 0-0.7 0 0 0.1-0.1 0.3-0.1l100.5-24.7 18.5 18.5c1.8 1.8 3.8 3.5 5.8 5 8.8 6.4 19.2 9.7 29.6 9.7 10.4 0 20.8-3.2 29.6-9.7 2-1.5 4-3.1 5.8-5l18.5-18.5L663.6 831c0.2 0 0.3 0.1 0.3 0.1 0.1 0.1 0.1 0.6 0 0.7 0 0-0.1 0.1-0.3 0.1l-55.8 18.6c-5.2 1.7-8.1 7.4-6.3 12.6 1.7 5.2 7.4 8.1 12.6 6.3l55.8-18.6c8.7-2.9 14.4-11.1 14-20.3-0.2-9.2-6.5-16.9-15.4-19.1zM524.3 218.4c-64.9-3.6-128.5 16.3-179.2 56.1-4.3 3.4-5.1 9.7-1.7 14 3.4 4.3 9.7 5.1 14 1.7 97.8-76.7 237.8-68.3 325.7 19.7 95.9 95.9 95.9 252 0 347.9L658 682.9c-3.9 3.9-3.9 10.2 0 14.1 2 2 4.5 2.9 7.1 2.9s5.1-1 7.1-2.9l25.1-25.1c50.2-50.2 77.9-117 77.9-188.1S747.5 346 697.3 295.7c-46.1-46.2-107.6-73.7-173-77.3zM321.5 319.7c2.7 0 5.4-1.1 7.3-3.2 2.1-2.2 4.3-4.5 6.4-6.7 3.9-3.9 3.9-10.2 0-14.1-3.9-3.9-10.2-3.9-14.1 0-2.4 2.4-4.7 4.8-7 7.2-3.8 4-3.5 10.4 0.5 14.1 2.1 1.8 4.5 2.7 6.9 2.7z" fill="#036EB8" p-id="18871"></path></svg>
          <span>具体位置：{{hospitalStore.hospitalInfo.hospital?.param.fullAddress}}</span>
        </div>
         <div class="route">规划路线：{{hospitalStore.hospitalInfo.hospital?.route}}</div>
      </div>
     
    </div>
    <!-- 医院介绍 -->
    <div class="footer">
      <h1>医院介绍</h1>
      <p>
       {{hospitalStore.hospitalInfo.hospital?.intro}}
      </p>
    </div>
  </div>
</template>

<script setup lang='ts'>
// 获取医院详情仓库数据进行展示
import useDetailStore from '@/store/modules/hospitalDetail';
let hospitalStore=useDetailStore();
</script>
<style scoped lang='scss'>
 .detail{
  .top{
    display: flex;
    align-items:center;
    .name{
      font-size:30px;
      font-weight: 900;
    }
    .level{
      color:#7f7f7f;
      margin-left: 10px;
      span{
        margin-left: 5px;
      }
    }
  }
  .logo{
    display: flex;
    margin: 10px 0px;
    .left{
      img{
        width:80px;
        height: 80px;
        border-radius: 50%;
      }
    }
    .right{
      color:#7f7f7f;
      margin-left: 10px;
      div{
        margin:10px 0px;
      }
    }
  }
  .footer{
    color:#7f7f7f;
    p{
      margin-top:10px;
      line-height: 30px;
    }
  }
 }
</style>